<script>
/*
 * @Author: Your name
 * @Date:   2020-06-27 17:27:49
 * @Last Modified by:   Your name
 * @Last Modified time: 2020-06-27 18:08:18
 */
</script>
<template>
  <div id="goodslist">
    <div class="listItem">
      <goods-list-item
        v-for="(item, index) in goods"
        :key="index"
        :goodsItem="item"
      ></goods-list-item>
    </div>
  </div>
</template>
<script>
import GoodsListItem from "./GoodsListItem.vue";
export default {
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  components: {
    GoodsListItem
  }
};
</script>
<style lang="css">
#goodslist {
  width: 100%;
}
.listItem{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>
